<%@ page contentType="text/html" pageEncoding="UTF-8"%>
<% response.setContentType("text/html; charset=UTF-8");%>
<% request.setCharacterEncoding("utf-8");%>

<%
    String type = null;
    int maTS = 0, id = 0;
    String hoten = null, username = null;
    HttpSession ss = request.getSession();
    if (ss.getAttribute("isLogin") == null) {
        response.sendRedirect("login.jsp");
    } else if (ss.getAttribute("isLogin").equals(false)) {
        response.sendRedirect("login.jsp");
    } else {
        type = ss.getAttribute("type").toString();
        if (type.equals("TS")) {
            maTS = Integer.parseInt(ss.getAttribute("maTS").toString());
            hoten = ss.getAttribute("hoten").toString();
        } else {
            id = Integer.parseInt(ss.getAttribute("id").toString());
            username = ss.getAttribute("username").toString();
        }
    }
%>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Thi trắc nghiệm online</title>
        <link rel="stylesheet" href="css/style.css" type="text/css" />
        <script type="text/javascript" src="js/general_functions.js"></script>
        <link rel="stylesheet" href="css/thi.css" type="text/css" />
        <script type="text/javascript" src="js/thi.js"></script>
    </head>
    <body>

        <!-- BEGIN Header -->
        <div id="header">
            <div id="header-content">
                <h2 id="slogan">Thi trắc nghiệm online</h2>
                <ul id="header-links">
                    <li>
                        <%
                            if (type.equals("TS")) {
                                out.print(hoten);
                            } else {
                                out.print(username);
                            }
                        %>
                    </li>
                    <li><a href="logout.jsp">Đăng xuất</a></li>
                </ul>
                <!-- Menu Tabs -->
                <ul>
                    <li><a href="index.jsp" title="Trang chủ"><span>Trang chủ</span></a></li>
                    <li id="current"><a href="thi.jsp" title="Thi trắc nghiệm"><span>Thi trắc nghiệm</span></a></li>
                    <li><a href="thongke.jsp" title="Tổng hợp kết quả thi"><span>Tổng hợp kết quả thi</span></a></li>
                    <li><a href="cauhoi.jsp" title="Soạn câu hỏi"><span>Soạn câu hỏi</span></a></li>
                </ul>
            </div>
        </div>
        <!-- END Header -->


        <!-- BEGIN Content -->
        <div id="content">

            <%
                if (type.equals("QT")) {
                    out.println("<h1>Bạn không phải thí sinh</h1>");
                    return;
                }
            %>

            <h1 style="text-align:center">THI TRẮC NGHIỆM</h1>
            <br/><br/>

            <div id="step-holder" onclick="phatsinh_ldt();">
                <div class="step-dark-right"></div>
                <div class="step-no">1</div>
                <div class="step-dark-left">Phát sinh loại đề thi</div>
                <div class="step-dark-right">&nbsp;</div>
                <div class="step-no">2</div>
                <div class="step-dark-left">Nhập cấu trúc đề thi</div>
                <div class="step-dark-right">&nbsp;</div>
                <div class="step-no">3</div>
                <div class="step-dark-left">Bắt đầu làm bài thi</div>
                <div class="step-dark-round">&nbsp;</div>
                <div class="clear"></div>
            </div>

            <div id="phatsinh_ldt">
                <table class="uiGrid editor" cellpadding="1" cellspacing="0">
                    <tbody>
                        <tr>
                            <td class="label"><label for="hoten">Tên loại đề thi :</label></td>
                            <td>
                                <div class="field_container">
                                    <input class="inputtext" id="tenloai" type="text" size ="30" maxlength="30" title="Tên loại không quá 30 ký tự" placeholder="Tên loại không quá 30 ký tự">
                                    <span class="hint" id="hint_tenloai"></span>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="label"><label for="thoigian">Thời gian làm bài :</label></td>
                            <td>
                                <div class="field_container">
                                    <input class="inputtext" id="thoigian" type="text" size ="30" maxlength="10" title="Tính bằng phút" placeholder="Tính bằng phút (15-90)">
                                    <span  class="hint" id="hint_thoigian"></span>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="label"><label for="socaude">Số câu hỏi dễ :</label></td>
                            <td>
                                <div class="field_container">
                                    <input class="inputtext" id="socaude" type="text" size ="30" maxlength="10" title="Số câu hỏi dễ" placeholder="Số câu hỏi dễ (<=20)">
                                    <span  class="hint" id="hint_socaude"></span>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="label"><label for="socautb">Số câu hỏi trung bình :</label></td>
                            <td>
                                <div class="field_container">
                                    <input class="inputtext" id="socautb" type="text" size ="30" maxlength="10" title="Số câu hỏi trung bình" placeholder="Số câu hỏi trung bình (<=20)">
                                    <span  class="hint" id="hint_socautb"></span>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="label"><label for="socaukho">Số câu hỏi khó :</label></td>
                            <td>
                                <div class="field_container">
                                    <input class="inputtext" id="socaukho" type="text" size ="30" maxlength="10" title="Số câu hỏi khó" placeholder="Số câu hỏi khó (<=20)">
                                    <span  class="hint" id="hint_socaukho"></span>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>
                                <input class="mybutton" type="button" value="Bắt đầu với đề phát sinh mới" onclick="batdau_phatsinh_loaidethi();">
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <br/><br/>

            <div id="step-holder" onclick="chon_ldt();">
                <div class="step-dark-right"></div>
                <div class="step-no">1</div>
                <div class="step-dark-left">Chọn loại đề thi</div>
                <div class="step-dark-right">&nbsp;</div>
                <div class="step-no">2</div>
                <div class="step-dark-left">Chọn đề thi</div>
                <div class="step-dark-right">&nbsp;</div>
                <div class="step-no">3</div>
                <div class="step-dark-left">Bắt đầu làm bài thi</div>
                <div class="step-dark-round">&nbsp;</div>
                <div class="clear"></div>
            </div>

            <div id="chon_ldt">
                <!-- begin DANH SÁCH LOẠI ĐỀ THI -->
                <div class="loaidethi">
                    <div class="title">
                        <div class="header">LOẠI ĐỀ THI</div>
                        <div class="info">Xin chọn loại đề thi</div>
                    </div>
                    <input type="hidden" id="loaidethi_sel" name="loaidethi_sel" value=""/>
                    <div class="list" id="loaidethi_list"></div>
                </div>
                <!-- end DANH SÁCH LOẠI ĐỀ THI -->

                <!-- begin DANH SÁCH ĐỀ THI -->
                <div class="dethi">
                    <div class="title">
                        <div class="header">ĐỀ THI</div>
                        <div class="info">Xin chọn đề thi</div>
                    </div>
                    <input type="hidden" id="dethi_sel" name="dethi_sel" value=""/>
                    <div class="list" id="dethi_list"></div>
                </div>
                <!-- end DANH SÁCH ĐỀ THI -->

                <div class="batdau">
                    <div id="batdau_failed"></div>
                    <input type="button" class="mybutton" value="Bắt đầu với đề được chọn" onclick="batdau();">
                    <br/>
                    <input type="button" class="mybutton" value="Bắt đầu với đề phát sinh mới" onclick="batdau_phatsinh_dethi();">
                </div>

                <div style="clear:both"></div>
            </div>

            <br/><br/>
            <script type="text/javascript">loaidethi_load(); chon_ldt();</script>

        </div>
        <!-- END Content -->

        <!-- BEGIN footer -->
        <div id="footer">
            <div id="footer-content">
                <div class="footer-left">
                    <p style="text-align: right">
                        &copy; copyright 2006-2011 <strong class="separator">www.styleshout.com</strong>
                    </p>
                </div>
            </div>
        </div>
        <!-- END footer -->

    </body>
</html>
